@charset "utf-8";



body{
	background: url(../img/愤怒的小鸟背景图.jpg) ;
	
	background-size: 100% 100%;
	
	
	
	background-repeat: no-repeat;
	
	min-height: 100vh;
	
	margin: 0%;
}





.bird1{
	width: 200px;
	
	height: 200px;
	
	background: url(../img/愤怒的小鸟1.png);
	
	background-size: 100% 100%;
	
	background-repeat: no-repeat;
	
	position: relative;
	
	top: 10px;
	
	left: -120px;
	
	animation: bird1 15s linear infinite;
	
	

}





.bird3{
	width: 200px;
	
	height: 200px;
	
	background: url(../img/愤怒的小鸟3.png);
	
	background-size: 100% 100%;
	
	background-repeat: no-repeat;
	
	position: relative;
	
	top: 10px;
	
	left: -120px;
	
	animation: bird1 15s linear infinite;
	
	
	
}



.bird2{
	width: 200px;
	
	height: 200px;
	
	background: url(../img/愤怒的小鸟2.png);
	
	background-size: 100% 100%;
	
	background-repeat: no-repeat;
	
	position: relative;
	
	top: 10px;
	
	left: -120px;
	
	animation: bird2 15s linear infinite;
	
}




.cloud{
	    width: 300px;
		
		height: 150px; 
		
		background: url(../img/卡通云朵_爱给网_aigei_com.png); 
		
		background-size: 100% 100%;
		
		background-repeat: no-repeat;
		
		position: absolute; 
		
		top: 50px; 
		
		opacity: 0.8; 
		
		animation: cloudMove 40s linear infinite;
		
}
@keyframes bird1{
		0%{
				top: 0px;
				
				left: -50px;
				
				background-image: url(../img/愤怒的小鸟1.png);
				
			}
			25%{
				top: 600px;
				
				
				left: 900px;
				background-image: url(../img/愤怒的小鸟1.png);
			}
			50%{
				top: 0px;
				left: 900px;
				
				
				
				background-image: url(../img/愤怒的小鸟1.png);
			}
			75%{
				top: 600px;
				
				
				left: 900px;
				background-image: url(../img/愤怒的小鸟1.png);
			}
			100%{
				top: 0px;
				left: 1700px;
				
				
				
				background-image: url(../img/愤怒的小鸟1.png);
			}
		
	}
	
	
	@keyframes bird3{
		0%{
				top: 0px;
				left: -50px;
				
				
				
				background-image: url(../img/愤怒的小鸟3.png);
			}
			25%{
				top: 600px;
				left: 900px;
				
				
				
				background-image: url(../img/愤怒的小鸟3.png);
			}
			50%{
				top: 0px;
				left: 900px;
				
				
				
				background-image: url(../img/愤怒的小鸟3.png);
			}
			75%{
				top: 600px;
				left: 900px;
				
				
				background-image: url(../img/愤怒的小鸟3.png);
			}
			100%{
				top: 0px;
				
				
				left: 1700px;
				background-image: url(../img/愤怒的小鸟3.png);
			}
	}
@keyframes bird2{

	0%{
			top: 0px;
			left: -50px;
			
			
			
			background-image: url(../img/愤怒的小鸟2.png);
			
			
		}
		25%{
			top: 600px;
			left: 900px;
			
			
			
			background-image: url(../img/愤怒的小鸟2.png);
			
			
			
		}
		50%{
			top: 0px;
			left: 900px;
			background-image: url(../img/愤怒的小鸟2.png);
			
			
			
		}
		75%{
			top: 600px;
			left: 900px;
			
			
			
			background-image: url(../img/愤怒的小鸟2.png);
		}
		100%{
			top: 0px;
			left: 1700px;
			
			
			
			background-image: url(../img/愤怒的小鸟2.png);
		}
	 
	
}



@keyframes .cloud{
	0%{
			
			left: -300px;
		}
		100%{
			
			left: 100vw; 
		}
}



